@import "common";
@import (inline) "icons.css";
@import (inline) 'cssreset-min.css';
@import "navbar";
@import "patch/navbar-index";
@import (inline) '../libs/css/jquery-maximage.css';
@import (inline) '../libs/css/screen.css';

div.full-screen-footer{
  @pop-window-width: (70px + 2px) * 3 - 2px;
  width: 100%;
  position: absolute; bottom: 0;
  div.pop-window-wrapper{
    width: @client-page-width;
    height: 400px;  /* 当高度不够时调整 此 高度 可以扩展 */
    margin: 0 auto;
    position: relative;
    // ul 为真正的 pop-window
    ul.pop-window{
      width: @pop-window-width;
      position: absolute; right: 0; bottom:0;
      li{
        background-color: @base-blue-color;
        padding: 12px;
        display: none;
        &.weibo-sina{

        }
        &.weixin-tab{
          text-align: center;
        }
        &.qq-list{
          height: 140px;
          div.wrapper{
            width: @pop-window-width - 4px;
            background: #fff;
            height: 140px;
            
            p{
              height: 24px;
              padding: 3px 0;
              margin: 3px 5px;
              span{
                padding: 3px;
                padding-left: 30px;
                font-size: 14px;
                height: 18px;
                float: left;
                display: block;
              }
              a{
                float: left;
              }
            }
            h1.header{
              background-color: #cfe1f3;
              border-bottom: 1px solid #bacada;
              height: 29px; width: @pop-window-width - 14px;
              text-align: left;
              line-height: 30px;
              color: #1582bd;
              font-size: 12px;
              padding-left: 10px;
            }
          }
        }

      }
    }
  }

  div.wrapper{
    width: 100%; height: 60px;
    background: transparent url('../images/index/navtab-bg.png');
    div.wrapper-inner{
      width: @client-page-width; height: 60px;
      margin: 0 auto;
      ul.product-feature{
        float: left;
        li{
          float: left;
          width: 100px; height: 60px;
          text-align: center;
          position: relative;
          a{
            font-size: 12px;
            font-weight: bold;
            font-family: 'Arial', '宋体';
            color: #fff;
            width: 90px;
            display: block;
            margin: 5px 5px;
          }
          a.title{
            text-decoration: none;
          }
          a.english{
            position: absolute;
            bottom: 0px;
            left: 1px;
          }
          &.hover{
            background: transparent url('../images/index/navfoot-hover.png') no-repeat;
            a{
              color: #000000;
              text-shadow: 1px 1px 1px #fff;
            }
          }
        }
      }
      ul.contact-panel{
        float: right;
        li{
          float: left;
          background: transparent url('../images/index/contact-item-bg.png');
          margin-left: 2px;
          a{
            padding-top: 12px;
            width: 70px; height: 60px - 12px;
            padding-top: 12px;
            text-align: center;
            display: block;
            &:hover{
              background-color: @base-blue-color;
            }
          }
          &.wei-xin{

          }
          &.weibo{

          }
          &.message{

          }
        }
      }
    }
  }
}
//滚动其 内部样式
// .mc-image 为运行时 样式
// 预先定义的 样式 slider-item 被 mc-image 在 运行时 替换

div.mc-image{
    //p.slider-content 再运行时 内部元素 被剥离 wapperUp
    /**
    * @todo:  插件漏洞导致 解析 .mc-image 时将其 子节点 标签 截取错误 导致 浏览器渲染出现问题
    */
    div.hero-unit-part{
      position: relative;
      width: @client-page-width;
      margin: 0 auto;
      div.title{
        position: absolute;
        a{
          font-size: 35px;
          font-family: 'Microsoft YaHei', '微软雅黑', '黑体';
        }
      }
      div.content{
        position: absolute;
        p{
          margin-bottom: 10px;
          a{
            font-size: 18px;
            font-family: 'Microsoft YaHei', '微软雅黑', '黑体';
          }
        }
      }
      div.animate-btn{
        position: absolute;
        a{
          font-family: 'Microsoft YaHei', '微软雅黑', '黑体';
        }
      }
      div{
        width: @client-page-width;
      }
    }
    a{
      text-decoration: none;
    }

}

/* 导航栏部分 */
/*
div.nav{
  width: 100%; height: auto;
  margin-top: 65px;
  //联系电话
    div.wapper{
      width: @client-page-width;
      margin: 0 auto;
      div.navbar-inner{
        width: @client-page-width; height: 30px;
        div.top-bar{
          //background-color: #ffff00;
          padding: 8px 10px;
          width: @client-page-width - (10px*2); height:30px;
          p.call{
            padding-left: 33px;
            height: 30px; width: 40%;
            background:transparent url("../images/index/call.png") no-repeat left center;
            line-height: 30px;
            float: left;
            text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de;
            font-weight: bold;

          }
          p.other{
            height: 30px; width: 40%;
            float: right;
            a{
              font-size: 12px;
              color: #ffffff;
              float: right;
              font-style: normal;
            }
          }
          font-size: 20px;
          color: #fff;
          font-family: 'Microsoft YaHei', '微软雅黑', '黑体';
          font-style: oblique;
        }
        ul.navbar {
          width: @client-page-width; height: 40px;
          */
/* 源自 Bootstarp 样式 *//*

          background-color: #fafafa;
          background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
          background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
          background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
          background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
          background-repeat: repeat-x;
          border: 1px solid #d4d4d4;
          -webkit-border-radius: 1px;
          -moz-border-radius: 1px;
          border-radius: 1px;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
          *zoom: 1;
          -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          li{
            height: 40px; width: auto;
            float: left; margin: 0 8px;
            line-height: 38px;
            &.brand{
              height: 70px; width: 70px;
              //background-color: bisque;
              img.logo{
                width: 70px; height: 70px;
              }
            }
            a{
              padding: 3px 10px;
              font-size: 14px;
              font-family: 'Microsoft YaHei', '微软雅黑', '黑体';
              text-decoration: none;
              color: #000000;
            }
            &.active{
              a{
                color: #555555;
                text-decoration: none;
              }
              background-color: #e5e5e5;
              -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
              -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
              box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
            }
          }
        }
      }
    }

}*/
